@charset "utf-8";

/*
    2017.4.19
    zuipin
*/


/*-----banner-------*/

#banner {
    width: 100%;
    height: 460px;
    background-color: #3e5e55;
}

.slide-box {
    width: 100%;
    height: 460px;
    position: absolute;
    left: 0px;
    top: 0;
    overflow: hidden;
}

.hd {
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    bottom: 15px;
    z-index: 1;
}

.hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.hd ul li {
    float: left;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
    background-color: #8c9e9a;
    cursor: pointer;
    position: relative;
}

.hd ul li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #a2aaa8;
    border-radius: 50%;
    position: absolute;
    top: 25%;
    left: 25%;
}

.hd ul li.on span {
    background-color: #ff3600;
}

.bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.bd li {
    zoom: 1;
    vertical-align: middle;
}

.bd img {
    max-width: 100%;
    height: 460px;
    display: block;
	width: 1226px;
}


/*-------fivePic-------*/

#fivePic {
    width: 100%;
    background-color: #fff;
}

.fiveImg {
    padding: 14px 0 60px 0;
}

.fiveImg-title {
    font-size: 18px;
    color: #444;
    padding-left: 30px;
    line-height: 30px;
    background-image: url('../images/icon-che.png');
    background-repeat: no-repeat;
    background-position: 0 center;
    margin-left: 66px;
    margin-top: 18px;
}

.fiveImg-ms {
    font-size: 14px;
    color: #666;
    margin-left: 66px;
    margin-top: 8px;
}

.fiveImg li {
    float: left;
    margin-right: 14px;
    width: 234px;
    height: 170px;
    background-color: #defbdf;
    position: relative;
    overflow: hidden;
}

.fiveImg li.mr0 {
    margin-right: 0;
}

.fiveImg li:nth-child(5) {
    margin-right: 0;
}

.fiveImg .f-img {
    width: 160px;
    height: 100px;
    position: absolute;
    left: 50px;
    bottom: 0;
    background-color: #defbdf;
    overflow: hidden;
}

.fiveImg .f-img img {
    position: absolute;
    left: 14px;
    top: -50px;
}


/*-------timeSale------*/

#timeSale {
    width: 100%;
    background-color: #fff;
}

.timeTitle {
    width: 1226px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.timeLeft {
    margin-left: 34px;
    padding: 11px 0 20px 0;
}

.timeLeft ul li {
    float: left;
    margin-right: 12px;
}

.timeLeft ul li strong {
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
}

.timeLeft ul li:nth-child(2) {
    color: #888;
}

.timeLeft ul li:nth-child(3) {
    margin-top: 8px;
    color: #333;
}

.timeLeft ul li:nth-child(1) {
    padding-left: 28px;
    background-image: url('../images/icon-clock.png');
    background-repeat: no-repeat;
    background-position: 0 center;
}

.timeLeft ul li:nth-child(1) .zp-red {
    color: #c00000;
}

.timeRed {
    width: 234px;
    height: 60px;
    background-color: #ff3600;
    margin-left: 400px;
    position: relative;
    cursor: pointer;
}

.timeAll {
    margin-left: 35px;
    line-height: 60px;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.timeInfo {
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: 100px;
    top: 10px;
}

.timeOut {
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: 100px;
    bottom: 10px;
}

.timeBagin {
    margin-left: 65px;
}

.timeStart {
    font-size: 16px;
    font-weight: bold;
}

.startBtn {
    display: inline-block;
    width: 78px;
    height: 28px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #ccc;
    text-align: center;
    line-height: 28px;
    margin: 15px 0 15px 10px;
    cursor: pointer;
}

.timeList {
    padding: 32px 0 40px 0;
}

.goods {
    width: 234px;
    height: 320px;
    margin-right: 11px;
    background-color: #fff;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
}

.goods:hover {
    background-color: #f5f5f5;
}

.goods dl {
    margin: 26px 0;
}

.goods dt a {
    display: block;
}

.goods dt img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.goodsSomething {
    width: 234px;
    text-align: center;
    color: #333;
    line-height: 40px;
}

.goodsWeight {
    width: 234px;
    text-align: center;
    color: #333;
    line-height: 20px;
}

.goodsPing {
    margin: 5px 0;
    width: 234px;
    text-align: center;
    font-size: 12px;
    color: #b0b0b0;
}

.goods dd:nth-child(4) {
    padding: 5px 0;
}

.goods dd:nth-child(4) p {
    width: 234px;
    text-align: center;
}

.goods dd:nth-child(4) span,
.goods dd:nth-child(4) del {
    font-size: 14px;
    display: inline-block;
    width: 114px;
}

.goods dd:nth-child(4) span.nowPrice {
    /*color: #c00000;*/
    text-align: right;
    color: #b60005;
    /*颜色修改*/
}

.goods dd:nth-child(4) del.lastPrice {
    color: #b0b0b0;
    text-align: left;
}


/*------content------*/

#content {
    width: 100%;
    background-color: #f5f5f5;
    padding-bottom: 80px;
}

.item {
    width: 1226px;
    margin-top: 60px;
    height: 714px;
}


/*------content------*/

.zp-title {
    font-size: 22px;
    color: #333;
    margin-bottom: 16px;
}

.zp-red {
    color: #c00000;
}

.zp-fimg {
    background-color: #d0d0cd;
    color: #333;
}

.zp-fimg img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.zp-item {
    width: 234px;
    height: 320px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

.zp-fist {
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 214px;
}

.zp-ms {
    width: 100%;
    text-align: center;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 246px;
}

.zp-kkk {
    width: 234px;
    height: 152px;
    background-color: #fff;
    margin-top: 14px;
    position: relative;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    cursor: pointer;
}

.zp-kkk:hover {
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    -moz-transform: translateX(5px);
    transform: translateX(5px);
    box-shadow: 5px 5px 5px #ccc;
}

.left-item {
    width: 100%;
    margin-right: 14px;
}

.zp-p {
    margin-right: 14px;
    margin-bottom: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
}

.zp-p:nth-of-type(5n+5) {
    margin-right: 0;
}

.zp-p:hover {
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 5px 5px 5px #ccc;
}

.href-img {
    width: 160px;
    height: 160px;
    overflow: hidden;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
}

.href-img img {
    width: 160px;
    height: 160px;
}

.cha-title {
    margin-top: 18px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.cha-weight {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-top: 6px;
}

.cha-cd {
    color: #b0b0b0;
    font: 14px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.cha-price {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 18px;
}

.center-item {
    width: 742px;
    overflow: hidden;
}

.right-item {
    width: 196px;
    padding: 16px 20px;
    background-color: #fff;
}

.right-title {
    color: #333;
    font-size: 16px;
}

.height-1 {
    width: 194px;
    height: 1px;
    background-color: #e0e0e0;
    margin-top: 16px;
}

.right-text {
    margin-top: 26px;
    color: #333;
    font-size: 14px;
}

.right-bottom {
    margin-top: 12px;
    height: 50px;
}

.right-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.right-img img {
    width: 50px;
    height: 50px;
}

.right-ms {
    width: 134px;
    height: 50px;
    font-size: 12px;
    color: #b0b0b0;
    line-height: 1.4;
    margin-left: 10px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.online-more {
    width: 234px;
    height: 152px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    cursor: pointer;
}

.online-more:hover {
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    -moz-transform: translateX(5px);
    transform: translateX(5px);
    box-shadow: 5px 5px 5px #ccc;
}

.item-sel {
    position: relative;
}

.serf-title {
    font-size: 18px;
    color: #333;
    padding-left: 20px;
    padding-top: 50px;
}

.serf-text {
    font-size: 12px;
    color: #8c8c8c;
    padding-left: 20px;
    padding-top: 6px;
    width: 132px;
    line-height: 1.5;
}

.serf-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.serf-img img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 160px;
    top: 50px;
}


/*------footer------*/

#footer {
    width: 100%;
    background-color: #fff;
}


/**/

.list-info {
    position: absolute;
    left: 0;
    top: 60px;
    width: 234px;
    height: 460px;
    background-color: #363e3c;
    z-index: 1000;
    display: block;
    border: 0;
}

.big-title a {
    color: #fff;
}

.list-info dd ul li a {
    color: #b0b0b0;
}


/*顶部横幅*/

.top-hf {
    width: 100%;
    min-width: 1226px;
    height: 100px;
}

.top-hf a {
    width: 100%;
    height: 100%;
    display: block;
}

.goodsSomething {
    width: 234px;
    text-align: center;
    color: #333;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
}

.goodsWeight {
    width: 234px;
    text-align: center;
    color: #333;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cha-weight {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-top: 6px;
    white-space: nowrap;
    overflow: hidden;
}

.cha-title {
    margin-top: 18px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
}

a {
    text-decoration: none;
    color: #b0b0b0;
    font-size: 14px;
}
/* 2019跨年 */
#sp_2019{
  background-color: #BF1321;
}
#sp_2019 .sp_2019-banner{
  width: 1226px;
  margin: 0 auto;
  position: relative;
}
#sp_2019 .sp_2019-banner img{
  padding-top: 14px;
}
.sp_2019-entrance{
  width: 1226px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(245, 185, 105, 0.2);
}
.sp_2019-entrance a{
  width: 234px;
  height: 132px;
  margin-right: 10px;
  margin-top: 14px;
  display: inline-block;
}
.sp_2019-entrance a:nth-child(5),.sp_2019-entrance a:nth-child(10){
  margin-right: 0;
}
.sp_2019-entrance a img{
  /* width: 100%; */
}